<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录和注册页面</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/login.css" />
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/jquery.cookie.js" ></script>
		<script src="../js/login.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：登录页面头部
        -->
        <div class="banner">
			<a href="../index.html" class="logo"></a>
		</div>
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：登录页面
        -->
        <div class="login-bg">
        	<div class="login-index">
        		<div class="login-ct">
        			<div class="login-panel">
        				<h2>达令会员</h2>
        				<div class="login-tabs clear">
        					<a href="javascript:;" class="active">登录</a>
        					<a href="javascript:;" >注册</a>
        				</div>
        				<form class="login-form" method="get" action="" style="display: block;">
        					<div class="ctrl">
        						<span class="login-sign">
        							<span class="ico-user"></span>
        						</span>
        						<input type="text" name='mobile' class="mobile" placeholder="请输入您的手机号码"/>
        						<label id="mobile-error" class="error" for='mobile' style="display: none;">请输入正确的手机号码 </label>
        					</div>
        					<div class="ctrl">
        						<span class="login-sign">
        							<span class="ico-password"></span>
        						</span>
        						<input type="password" class="password" placeholder="请输入密码">
        						<label id="pass-error" class="error" for="" style="display: none;">请输入正确的密码</label>
        					</div>
        					<p class="forgot">
        						<a href="javascript:;">忘记密码?</a>
        						<span style="color: #a00;display: none;" class="sub-error">
        							用户名或密码不正确，请重新输入
        						</span>
        					</p>
        					<button type="button" class="submit-btn" style="cursor: pointer;">登录</button>
        				</form>
        				<form class="register-form" method="get" action="" style="display: none;">
        					<div class="ctrl">
        						<span class="login-sign">
        							<span class="ico-user"></span>
        						</span>
        						<input type="text" name="mobile" class="mobile" placeholder="请输入您的手机号码"/>
        						<label id="mobile-error" class="error" for='mobile' style="display: none;">请输入正确的手机号码 </label>
        					</div>
        					<div class="ctrl">
        						<span class="login-sign">
        							<span class="ico-password"></span>
        						</span>
        						<input type="text" name="validate" class="verify" placeholder="请输入验证码">
        						<label id="validate-error" class="error" for="validate" style="display: none;">请输入验证码</label>
        						<img class="captcha" src="../images/yanzhengma1.png" />
        					</div>
        					<div class="ctrl">
        						<span class="login-sign">
        							<span class="ico-msgcode"></span>
        						</span>
    							<input type="text" class="sms" name='code' placeholder="请输入短信验证码">
    							<label id="code-error" class="error" for="code" style="display: none;">请输入正确的短信验证码</label>
    							<button type="button" class="get-verify" style="cursor: pointer;">获取验证码</button>
    							<button type="button" class="resent">
    								已发送
    							</button>
        					</div>
        					<div class="ctrl ctrl1">
        						<span class="login-sign">
        							<span class="ico-password"></span>
        						</span>
        						<input type="password" class="password" placeholder="请输入密码">
        						<label id="pass-error" class="error" for="" style="display: none;">您输入的密码必须是6-12位字母数字或下划线或其组合</label>
        					</div>
        					<div class="Agreement">
        						<input type='checkbox' class="checkbox">
        						我已阅读并同意
        						<a href="javascript:;">《达令用户注册协议》</a>
        					</div>
        					<button type="button" class="submit-btn dispabled">注册</button>
        				</form>
        			</div>
        		</div>
        	</div>
        </div>
        <!--
        	作者：838300414@qq.com
        	时间：2016-07-21
        	描述：底部
        -->
          <!-----------bottom------------>
		<div class="bottom-wrap">
			<div class="bottom">
				<ul class="bottom-ul">
					<li class="bu-li0">为什么选择达令</li>
					<li class="bu-li1">100多个品牌授权</li>
					<li class="bu-li2">24小时内发货</li>
					<li class="bu-li3">保税区正品</li>
				</ul>
			</div>
		</div>
		<!--------footer--------->
		<div class="footer-wrap">
			<div class="footer">
				<div class="footers">
				<div class="footers-left">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"hi,达令,我是鹿晗,达令投资人,投资比影响力更重要的是责任。"</p>
				</div>
				<div class="footers-left footers-right">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"达令一手全球好货--带您购全球,教您神马值得买。<br />
						连续两年荣获App store 编辑推荐最佳购物类应用!"</p>
				</div>
				</div>
			</div>
		</div>
		<!--------footerls--------->
		<div class="footerls-wrap">
			<div class="footerls">
				<p class="fls-p1">
					<a href="#">首页</a>
					<a href="javascript:;">网站地图</a>
					<a href="javascript:;">消费者告知书</a>
					<a href="javascript:;">优惠券使用规则</a>
					<a href="javascript:;">退换货使用说明</a>
					<a href="javascript:;">关于我们</a>
					<a style="border-right:0;" href="#">联系我们</a>
				</p>
				<p class="fls-p2">
					<span class="fp-a">北京普缇客科技有限公司</span>
					<span class="fp-a2">
						<a href="javascript:;"><img src="../images/footers-bg1.jpg"/></a>
						<a href="javascript:;"><img src="../images/footers-bg2.jpg"/></a>
						<a href="javascript:;"><img src="../images/footers-bg3.jpg"/></a>
					</span>
				</p>
				<p class="fls-p">
					Copyright &copy; 2016达令 ,All Rights Reserved | 京ICP备14009583号-1 | 京公网安备11010502027399 | 食品流通许可证编号 : SP1101051510323113
				</p>
			</div>
		</div>
	</body>
</html>
